<template>
  <div id="app">
    <router-view class="router"/>
  </div>
</template>

<script>
import { mapState } from "vuex"; //先要引入
export default {
  data() {
    return {
      scale: require("./assets/Home/circle.png"),
      icon: require("./assets/scale.png")
    };
  },
  computed: {
    ...mapState({
      isShow: state => state.Home.navshow //注意这些与上面的区别就是state.footerStatus,
    })
  }
};
</script>


<style lang="less">
* {
  margin: 0;
  padding: 0;
}
#app {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  .router {
    flex: 1;
    overflow: hidden;
    background: #fff;
  }
}

</style>
